<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>邮箱注册</title>
    <base href="<?php echo base_url();?>"/>
    <link href="style/base.css" rel="stylesheet" type="text/css" />
    <link href="style/common.css" rel="stylesheet" type="text/css" />
    <link href="style/zhuce.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.enplaceholder.js"></script>
    <script src="js/organictabs.jquery.js"></script>
    <script type="text/javascript" src="js/Common.js"></script>
    <script type="text/javascript" src="js/Validation.js"></script>
    <script type="text/javascript" language="javascript">
        // 文本框placeholder效果,给input加上类ph,使其支持placeholder效果
        $(function(){
            $('input.ph').placeholder({isUseSpan:true});
        })
        $(function () {
            $("#txtEmail").bind("blur",checkEmail);
            $("#txtPwd").bind("blur",checkPwd);
            $("#txtPwds").bind("blur",checkPwds);
            $("#btnSubmit").bind("click",submit);

            initSelected();
        });
        function submit(){

            if($("#agreement").attr("checked") !='checked'){
                alert("您需要同意协议才能够注册")
                return false;
            }

            if(checkEmail()==false)
                return;
            if(checkPwd()==false)
               return;

            if(checkPwds()==false){
                return;
            }

            $('#formReg').submit();

        }

        function checkEmail(){
            var email = $("#txtEmail").val();
            if(IsEmpty(email)){
                SetError("txtEmail","请输入邮箱地址");
                return false;
            }
            if(!IsMail(email)){
                SetError("txtEmail","非有效邮箱地址");
                return false;
            }
            var isok=true;
            var params = {email:email};
            $.ajax({
                type:"post",
                url:"index.php/login/checkEmailForRegister",
                dataType:"json",
                data:params,
                async:false,
                success:function(data){
                    if(data.ReturnCode!=1){
                        SetError("txtEmail",data.Msg);
                        isok=false;
                    }
                }
            });
            if(isok==false)
                return false;
            SetOK("txtEmail");
            return true;
        }
        function checkPwd(){
            var pwd = $("#txtPwd").val();
            if(IsEmpty(pwd)){
                SetError("txtPwd","请输入密码");
                return false;
            }

            var len = pwd.length;
            if(len<5 || len>20){
                SetError("txtPwd","密码长度为5 到 12位");
                return false;
            }

            SetOK("txtPwd");
            return true;
        }

        function checkPwds()
        {
            var pwd = $("#txtPwd").val();
            var pwds = $("#txtPwds").val();
            if(IsEmpty(pwds)){
                SetError("txtPwds","请输入密码");
                return false;
            }

            if(pwd !=pwds){
                SetError("txtPwds","两次密码不一致");
                return false;
            }
            SetOK("txtPwds");
            return true;
        }

        //初始化性别选择样式
        function initSelected(){
            //选中filter下的所有a标签，为其添加hover方法，该方法有两个参数，分别是鼠标移上和移开所执行的函数。
            $("a[id^='sex_']").hover(
                function () {
                    $(this).addClass("seling");
                },
                function () {
                    $(this).removeClass("seling");
                }
            );
            //选中filter下所有的dt标签，并且为dt标签后面的第一个dd标签下的a标签添加样式seled。(感叹jquery的强大)
            $("a[id^='sex_']:first").attr("class", "seled"); /*注意：这儿应该是设置(attr)样式，而不是添加样式(addClass)，
             不然后面通过$("#filter1 a[class='seled']")访问不到class样式为seled的a标签。*/

            //为filter下的所有a标签添加单击事件
            $("a[id^='sex_']").click(function () {
                $(this).parents("td").children("a").each(function () {
                    //下面三种方式效果相同（第三种写法的内部就是调用了find()函数，所以，第二、三种方法是等价的。）
                    //$(this).children("div").children("a").removeClass("seled");
                    //$(this).find("a").removeClass("seled");
                    $(this).removeClass("seled");
                });

                $(this).attr("class", "seled");
            });
        }
    </script>
    <!--[if IE 6]>
    <script type="text/javascript" language="javascript" src="js/ie6/DD_belatedPNG_0.0.8a-min.js"></script>
    <script type="text/javascript" language="javascript">
        DD_belatedPNG.fix('.logo img,.footer_logo img');
    </script>
    <![endif]-->
</head>

<body>
<!-- head S-->
<?php include 'login_header.php';?>
<!-- head E-->

<!-- top S-->
<div class="top_zc">
    <div class="logo"><img src="images/logo_big.png" /></div>
    <div class="tit"><img src="images/txt_dzgn.png" /></div>
    <ul>
        <li class="icon_weixin">官方微信：hellomadou</li>
        <li class="icon_weibo">官方微博：hellomadou</li>
    </ul>
</div>
<!-- top E-->

<!-- 注册 S-->
<div class="register_zc">
    <div class="register_zc_inner">
        <ul class="register_tit" id="register_tit">
            <li class="current"><a class="btn_email" href="javascript:void(0)">邮箱注册</a></li>
            <li><a class="btn_phone" href="index.php/login/registerp">手机注册</a></li>
        </ul>
        <div class="register_cnt">
            <!--邮箱注册-->
            <div>
                <form action="index.php/login/registerEmailSubmit" method="post" id="formReg">
                    <input type="text" class="form_text ph" placeholder="邮箱地址" value="" id="txtEmail" name="email" />
                    <input type="password" class="form_text ph" placeholder="输入密码" value="" id="txtPwd" name="pwd" />
                    <input type="password" class="form_text ph" placeholder="再次输入密码" value="" id="txtPwds" name="txtPwds" />
                    <div class="form_cb_box">
                        <label><input type="checkbox" class="form-checkbox" id="agreement"/><span>已阅读并同意星探麻豆注册服务协议</span></label>
                    </div>
                    <div class="form_btn_box">
                        <input type="button" class="form_btn" value="立即注册" id="btnSubmit"/>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 注册 E-->

<!-- 登录 S-->
<div class="login_zc">
    <div class="w1100">
        <div class="form">
            <form action="" method="">
                <input type="text" class="form_text ph" placeholder="手机号/邮箱" value="" />
                <input type="password" class="form_text ph" placeholder="登录密码" value="" />
                <input type="submit" class="form_login" value="登 录" />
                <a href="" class="btn_regedit">注 册</a>
            </form>
        </div>
        <ul>
            <li class="btn_login_weibo"><a href="#" >微博账号登录</a></li>
            <li class="btn_login_qq"><a href="#">QQ账号登录</a></li>
            <li class="txt"><img src="images/txt_zcjks.png" /></li>
        </ul>
    </div>
</div>
<!-- 登录 E-->

<!-- 底部 开始 -->
<?php include 'footer.php';?>
<!-- 底部 结束 -->
</body>
</html>
